<template>
  <div>
      <ohead title="设置"></ohead>
      <div class="box">
          <p>
              <setlist title="账户安全"></setlist>
          </p>
          <p>
              <setlist title="关于树享"></setlist>
          </p>
          <p>
             <setlist title="版本更新" text="v1.2.8"></setlist>  
          </p>
         <p>
             <setlist title="清除缓存" text="6.081MB"></setlist>
         </p>
         <span class="sspan" @click="show"></span>
         <span class="ssspan" @click="arrshow"></span>
         <button class="btn">退出登录</button>
      </div>
      
  </div>
</template>

<script>
import ohead from '../../Shop/order/orderhead'
import setlist from './setlist'
export default {
    components:{ohead,setlist},
    methods:{
        show(){
            this.$router.push('/account')
        },
        arrshow(){
            this.$router.push('/profile')
        },
    }
}
</script>

<style lang="less" scoped>
.box{
    margin-top: 40px;
    position: relative;
    p{
        height: 140px;
    }
    .sspan{
        position: absolute;
        width: 60px;
        height: 60px;
        right: 0;
        top: 25px;
        z-index: 99;
    }
    .ssspan{
        position: fixed;
        width: 60px;
        height: 60px;
        left: 0;
        top: 0;
        z-index: 99;
    }
    .btn{
        margin-top: 60px;
        font-size: 30px;
        border: none;
        background-color: #fff;
        padding: 20px;
    }
}

</style>